<!DOCTYPE html>
<html lang="zh" class="demo2 no-js">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
		<title>html5 canvas逼真下雪场景动画特效-demo2_jQuery之家-自由分享jQuery、html5、css3的插件库</title>
		<link rel="stylesheet" type="text/css" href="css/default.css" />
		
		<!-- Edit Below -->
		<script type="text/javascript" src="js/jquery.min.js"></script>
	    <script type="text/javascript" src="js/jquery.let_it_snow.js"></script>
	    <link rel="stylesheet" type="text/css" href="css/style.css" />
	    <link rel="stylesheet" type="text/css" href="css/elusive-webfont.css" />
	    <script src="js/modernizr.js"></script>
	</head>
	<body class="demo2">
  
	<div class="header">
		<h1>Let It Snow: Speed Control</h1>
		<div class="menu">
	  		<a href="index.html">Demo 1</a>
	  		<a class="active" href="index2.html">Demo 2</a>
	  		<a href="index3.html">Demo 3</a>
	  		<a href="index4.html">Demo 4</a>
	  		<a href="index5.html">Demo 5</a>
	  		<a href="index6.html">Demo 6</a>
	  	</div>
	</div>
  
	
	
	<div class="main">
    <div class="page_container">
      <canvas width="100%" height="100%" class="snow"></canvas>
      
      <div class="direction"><strong>Note:</strong> This plugin is based on <a href="http://www.github.com/loktar00" target="_blank">Jason Brown</a>'s solution <a href="http://stackoverflow.com/questions/13983764/creating-falling-snow-using-html-5-and-js" target="_blank">found here</a>.-更多精彩内容请关注<a href="http://www.htmleaf.com/" target="_blank">jQuery之家</a></div>
    </div>
	</div>
	<script type="text/javascript">
	  $(document).ready( function() {
	    $("canvas.snow").let_it_snow({
	      speed: 10
	    });
	  });
    
  	</script>
		
	</body>
</html>